
/* content start */
.content,.content .banner{
    position: relative;
    width: 100%;
    
}
.content .banner{
    overflow: hidden;
}
.content .banner ul {
    position: absolute;
    left: 0;
    width: 200rem;
}
.content .banner ul li{
    float: left;
    font-size: 0;
}
.content .banner ul li a{
    display: inline-block;
}
.content,.content .banner,.content .banner ul li,.content .banner ul li img{
    height: 2.83rem;
}
.content nav {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: .27rem .63rem .26rem .67rem;
    text-align: center;
}
.content nav figure {
    display: inline-block;
    border-bottom:  1 solid rgb(211, 211, 211);
}
.content nav figure a{
    float: left;
    margin-right: .79rem;
    text-align: center;
    font-size: .24rem;
}
.content nav figure a:last-child{
    margin-right: 0;
}
.content nav figure a img{
    width: .94rem;
    height: .91rem;
}
.content nav figure a:nth-of-type(3){
    position: relative;
}
.content nav figure a:nth-of-type(3)::after{
    content: "hot";
    display: inline-block;
    position: absolute;
    right: -.27rem;
    top: -.1rem;
    width: .57rem;
    height: .26rem;
    background-color: rgb(254, 1, 1);
    border-radius: .16rem;
    text-align: center;
    line-height: .26rem;
    color: #fff;
    font-style: italic;
    font-size: .2rem;
}
/* goods start */
.content .goods {
    padding: .19rem .17rem;
    padding-bottom: 0;
    background-color: rgb(248, 248, 248);
}
.content .goods .description{
    
    padding: .36rem .38rem .3rem .41rem;
    background-color: #fff;
}
.content .goods .description .left{
    display: inline-block;
    width: 3.35rem;
    vertical-align: top;
    font-size: .22rem;
    font-family: "宋体";
    font-weight: bold;
}
.content .goods .description .left p:first-child{
    margin-bottom: .24rem;
    font-size: .3rem;
    color: rgb(235, 79, 137);
    
    
}
.content .goods .description .left p:nth-child(2){
    margin-right: .12rem;
    margin-bottom: .04rem;
    border-bottom: .01rem solid;
    letter-spacing:.01rem;
}
.content .goods .description .left p:nth-child(3){
    font-size: .18rem;
    color: rgb(129, 129, 129);
}
.content .goods .description .left p > span{
    color: rgb(235, 79, 137);
}
.content .goods .description .left p > span:first-child{
    font-size: .6rem;
}
.content .goods .description .right{
    display: inline-block;
  
}
.content .goods .description .right img{
    width: 2.97rem;
    height: 2.17rem;
}
.content .goods-1 .description .left p:first-child,.content .goods-1 .description .left p > span:first-child{
    color: rgb(102, 206, 230);
}

/* 425PX */
@media screen and (max-device-width:425px){
    .content nav {
        padding: .27rem .308rem .26rem .308rem;
    }
    .content .goods .description .right img{
        width: 2.93rem;
        height: 2.17rem;
    }
    footer a{
        margin-right: 1rem;
    }
}
@media screen and (max-device-width:375px){
    .content .goods .description{
    
        padding: .36rem .39rem .3rem .39rem;
    }
}
@media screen and (max-device-width:320px){
    .content nav figure a:nth-of-type(3)::after{
        right:-0.04rem;
        top:-.08rem;
    }
    .content nav {
        padding: .27rem 0rem .26rem 0rem;
    }
    .content .goods .description{
        padding: .36rem .355rem .3rem .355rem;
    }
    footer a{
        margin-right: .99rem;
    }
}
